<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>公众号搜索</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="/static/admin/css/bootstrap.min.css?v=3.3.6">
    <link rel="stylesheet" href="/static/admin/css/bootstrap-select.min.css" >

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="/static/admin/js/jquery.min.js"></script>

    <script src="/static/admin/js/bootstrap-select.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="/static/admin/js/bootstrap.min.js"></script>
    <style>
        .grid {
            padding: 10px 0px;
            border-bottom: 1px solid gainsboro;
        }
        img {
            margin-right: 5px;
            width: 25px;
        }
        .select_label {
            padding: 5px;
        }

        .less_padding {
            padding: 0px 5px;
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <br>
    <ul class="nav nav-pills">
        <li class="active"><a data-toggle="tab" href="#wx">微信</a></li>
        <li><a data-toggle="tab" href="#weibo">微博</a></li>
        <li><a data-toggle="tab" href="#app">APP客户端</a></li>
    </ul>
    <div class="tab-content">
        <div id="wx" class="tab-pane fade in active">
            <form class="form-horizontal col-xs-12" method="post">
                <br>
                <div class="form-group">
                    <label class="col-xs-3 control-label select_label">类型</label>
                    <div class="col-xs-9">
                        <select id="wxtype" name="wxtype" class="selectpicker show-tick form-control"  data-live-search="false">
                            <option value="不限">不限</option>
                            <option value="民生">民生</option>
                            <option value="房产">房产</option>
                            <option value="金融">金融</option>
                            <option value="体育">体育</option>
                            <option value="汽车">汽车</option>
                            <option value="乐活">乐活</option>
                            <option value="美食">美食</option>
                            <option value="健康">健康</option>
                            <option value="科技">科技</option>
                            <!--<option value="时事">时事</option>-->
                            <!--<option value="民生">民生</option>-->
                            <!--<option value="财富">财富</option>-->
                            <!--<option value="科技">科技</option>-->
                            <!--<option value="创业">创业</option>-->
                            <!--<option value="汽车">汽车</option>-->
                            <!--<option value="楼市">楼市</option>-->
                            <!--<option value="职场">职场</option>-->
                            <!--<option value="教育">教育</option>-->
                            <!--<option value="学术">学术</option>-->
                            <!--<option value="政务">政务</option>-->
                            <!--<option value="企业">企业</option>-->
                            <!--<option value="文化">文化</option>-->
                            <!--<option value="百科">百科</option>-->
                            <!--<option value="健康">健康</option>-->
                            <!--<option value="时尚">时尚</option>-->
                            <!--<option value="美食">美食</option>-->
                            <!--<option value="乐活">乐活</option>-->
                            <!--<option value="旅行">旅行</option>-->
                            <!--<option value="幽默">幽默</option>-->
                            <!--<option value="情感">情感</option>-->
                            <!--<option value="体娱">体娱</option>-->
                            <!--<option value="美体">美体</option>-->
                            <!--<option value="文摘">文摘</option>-->
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-3 control-label select_label">粉丝数</label>
                    <div class="col-xs-9">
                        <select id="fanscount" name="fanscount" class="selectpicker show-tick form-control"  data-live-search="false">
                            <option value="不限">不限</option>
                            <option value="0">5万以下</option>
                            <option value="1">5万-10万</option>
                            <option value="2">10万到50万</option>
                            <option value="3">50万-100万</option>
                            <option value="4">100万以上</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-3 control-label select_label">地区</label>
                    <div class="col-xs-9">
                        <select id="area" name="area" class="selectpicker show-tick form-control"  data-live-search="false">
                            <option value="不限">不限</option>
                            <option value="浙江">浙江</option>
                            <!--<option value="上海">上海</option>-->
                            <!--<option value="北京">北京</option>-->
                            <!--<option value="天津">天津</option>-->
                            <!--<option value="重庆">重庆</option>-->
                            <!--<option value="香港">香港</option>-->
                            <!--<option value="澳门">澳门</option>-->
                            <!--<option value="河北">河北</option>-->
                            <!--<option value="山西">山西</option>-->
                            <!--<option value="辽宁">辽宁</option>-->
                            <!--<option value="吉林">吉林</option>-->
                            <!--<option value="黑龙江">黑龙江</option>-->
                            <!--<option value="江苏">江苏</option>-->
                            <!--<option value="安徽">安徽</option>-->
                            <!--<option value="福建">福建</option>-->
                            <!--<option value="江西">江西</option>-->
                            <!--<option value="山东">山东</option>-->
                            <!--<option value="河南">河南</option>-->
                            <!--<option value="湖北">湖北</option>-->
                            <!--<option value="湖南">湖南</option>-->
                            <!--<option value="广东">广东</option>-->
                            <!--<option value="海南">海南</option>-->
                            <!--<option value="四川">四川</option>-->
                            <!--<option value="贵州">贵州</option>-->
                            <!--<option value="云南">云南</option>-->
                            <!--<option value="陕西">陕西</option>-->
                            <!--<option value="甘肃">甘肃</option>-->
                            <!--<option value="青海">青海</option>-->
                            <!--<option value="台湾">台湾</option>-->
                            <!--<option value="内蒙古">内蒙古</option>-->
                            <!--<option value="广西">广西</option>-->
                            <!--<option value="西藏">西藏</option>-->
                            <!--<option value="宁夏">宁夏</option>-->
                            <!--<option value="新疆">新疆</option>-->
                        </select>
                    </div>
                </div>
                <div class="text-center">
                    <button type="submit" class="btn btn-info btn-lg">搜索</button>
                </div>
            </form>

            <div class="clearfix"></div>

            <div id="result">
                <div class="row text-center grid" >
                    <div class="col-xs-4">公众号</div>
                    <div class="col-xs-4">粉丝数</div></div>
                {volist name="list" id="vo" empty="没有找到相关记录"}
                <div class="row text-center grid" >
                    <div class="col-xs-4 less_padding"><img src="http://{$Think.server.http_host}/upload/{$vo.logo}">{$vo.name}</div>
                    <div class="col-xs-4">{$vo.fans}</div>
                    <div class="col-xs-4"><a wid="{$vo.id}" class="tou">投放</a></div>
                </div>
                {/volist}
            </div>
        </div>
        <div id="weibo" class="tab-pane fade"></div>
        <div id="app" class="tab-pane fade"></div>
    </div>
</div>
<script>
    $(function(){
        if('{$Think.post.wxtype}') {
            $("#wxtype  option[value='" + '{$Think.post.wxtype}' + "']").attr("selected",true);
        }
        if('{$Think.post.fanscount}') {
            $("#fanscount  option[value='" + '{$Think.post.fanscount}' + "']").attr("selected",true);
        }
        if('{$Think.post.area}') {
            $("#area  option[value='" + '{$Think.post.area}' + "']").attr("selected",true);
        }

        $(".tou").click(function(){
            window.location = "{:url('putad')}"+"?wid="+$(this).attr('wid');
        });
    })
</script>
</body>
</html>